import { transformArrayIntoObject } from '@/shared/lib/transformArrayIntoObject';

import { NumberedItem } from './NumberedItem';
import cs from './NumberedList.module.scss';

const list = [
  <p>За 3 дня до и 3 дня после вакцинации</p>,
  <p>В острый период болезни</p>,
  <p>Если ребенок проявляет беспокойство, плохо спит и капризничает (например, во время прорезывания зубов)</p>,
];

export const NumberedList3 = () => (
  <div className={cs.list}>
    <h3 className={cs.strong}>Есть несколько случаев, когда не стоит вводить новые продукты в прикорм ребенку</h3>
    <ol className={cs.ol}>
      {transformArrayIntoObject(list).map(({ id, title }) => (
        <NumberedItem className={cs.item} color="#FF9800" key={id} number={id}>
          {title}
        </NumberedItem>
      ))}
    </ol>
  </div>
);
